<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution License

	Name       : Neutral Charisma
	Version    : 1.0
	Released   : 20130222

-->
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


<h:head>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>VPU | <ui:insert name="titulo" /></title>
	<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow"
		rel="stylesheet" type="text/css" />
	<link href="http://fonts.googleapis.com/css?family=Lobster"
		rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="style.css" />
	<style type="text/css" media="screen">
@import
"#{facesContext.externalContext.request.contextPath}/template/style.css"
</style>
</h:head>

<p:ajaxStatus onstart="statusDialog.show();"
	onsuccess="statusDialog.hide();" />

<p:dialog modal="true" widgetVar="statusDialog" header="Status"
	draggable="false" closable="false">
	<p:graphicImage value="/imagenes/ajax-loader.gif" />
</p:dialog>


<h:body>
	<!--  @author Hector componente para mostrar los mensajes de las paginas.-->
	<center>
	 <p:growl id="messages" showDetail="true" sticky="true" autoUpdate="true" />
	</center>
	<div id="bg">
		<div id="outer">
			<div id="header">
				<div id="logo">
					<h1>
						<a href="#">Ventas Piramidales Unificadas</a>
					</h1>
				</div>
			</div>
			 <div id="nav">
			 <!--  @author Hector componente en el cual se muestra una barra de navegacion superior con un menu desplegable -->
                   <ul>
                        <li class="first active"><a href="home.jsf">Home</a> </li>
                        <li class="first active"><a href="catalogo.jsf">Catalogo</a> </li>
                        <li>
                        <p:commandButton  rendered="#{controladorLogin.noEstaEnSesion()}" value="Iniciar sesion" action="login.jsf"></p:commandButton>
                        </li>
                        <li> 
                        
                        	
                        	<p:graphicImage id="dynaButton" rendered="#{controladorLogin.logeado}" value="/recursos/perfil.png" 
                        	style="width:30px; heigth:30px;"  >
                        	</p:graphicImage>
                        	
                        	<h:form>
                        	<p:menu  overlay="true" trigger="dynaButton" my="left top" at="left bottom">  
									<p:menuitem  value="Perfil" url="usuario/administrarPerfil.jsf" />
									<p:menuitem value="Cerrar sesion"   url="login.jsf" >
										<p:commandButton value="Cerrar sesion"  action="#{controladorLogin.cerrarSesion()}" />	
									</p:menuitem>
						    </p:menu>
						    </h:form>
                        </li>
                       
                   </ul>
                    <br class="clear" />
			 	</div>
			
			<div id="main">
				<div id="content">
					<div id="box1">
						<h2><ui:insert name="subtitulo" /></h2>
					</div>
					<ui:insert name="contenido" />
					<br class="clear" />
				</div>
				<br class="clear" />
			</div>
		</div>
		<div id="copyright">
			Your Site Name | Design by <a href="http://www.freecsstemplates.org/">FCT</a>
		</div>
		</div>
</h:body>
</html>
